2. Container Spacing

1. Margin

Margin All Around (m-10)
Margin in x direction (mx-10)
Margin in y direction (my-10)
Margin Top (mt-10)
Margin Right (mr-10)
Margin Bottom (mb-10)
Margin Left (ml-10)



2. Padding

Padding All Around (p-4)
Padding in x direction (px-4)
Padding in y direction (py-4)
Padding Top (pt-4)
Padding Right (pr-4)
Padding Bottom (pb-4)
Padding Left (pl-4)



3. Arbitrary Spacing (use any unit like px, rem, em)

Margin all around (m-[1em])
Padding all around (p-[10px])



4. Space Between X direction (space-x-10)

01
02
03



5. Space Between Y direction (space-y-3)

01
02
03



⬅️ ➡️